<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>figure</title>
    <!-- 用作文档中插图的图像的标签 -->
    <link rel="stylesheet" href="index.css" />
</head>
<body>
<section class="main clearfix">
    <figure>
        <p>第一张图片</p>
        <img src="./src/asset/1.jpg" alt="">
    </figure>
    <figure>
        <p>第二张图片</p>
        <img src="./src/asset/2.jpg" alt="">
    </figure>
    <figure>
        <img src="./src/asset/3.jpg" alt="">
        <figcaption>第三张图片</figcaption>
    </figure>
    <figure>
        <figcaption>第四张图片</figcaption>
        <img src="./src/asset/4.jpg" alt="">
    </figure>
    <figure>
        <img src="./src/asset/5.jpg" alt="">
        <figcaption>第五张图片</figcaption>
    </figure>
</section>
</body>
</html>